<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>凯盛项目管理系统</title>
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
    <link rel = "Shortcut Icon" href="http://www.kaishengit.com/favicon.ico" />
	<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
    <div class="container">
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container">
					<a href="main" class="brand">凯盛项目管理系统</a>
					<ul class="nav pull-right">
						<li class="active">
							<a>${sessionScope.user.name }</a>
						</li>
						<li>
							<a href="user">个人资料</a>
						</li>
						<li class="divider-vertical"></li>
						<li>
							<a href="loginout">安全退出</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="span3">
				<div class="wall">
					<ul class="nav nav-list">
						<li class="nav-header">${project.name }</li>
						<li class="divider"></li>
						<li>
							<a href="project?id=${project.id }">
								<i class=" icon-home"></i>最新动态
							</a>
						</li>
						<li class="active">
							<a href="goal">
								<i class="icon-white icon-flag"></i>目标
							</a>
						</li>
						<li>
							<a href="document">
								<i class="icon-folder-open"></i>资料库
							</a>
						</li>
						<li>
							<a href="folder">
								<i class="icon-file"></i>文件共享
							</a>
						</li>
						<li>
							<a href="contact">
								<i class="icon-user"></i>联系人
							</a>
						</li>
						<li>
							<a href="idea">
								<i class="icon-fire"></i>想法
							</a>
						</li>
						<li>
							<a href="project?m=edit">
								<i class="icon-cog"></i>项目设置
							</a>
						</li>
					</ul>
				</div>
			</div>
            <div class="span9">
                <ul class="breadcrumb">
                    <li class="active">
                        <a href="task?id=${goal.id }">
                            <i class="icon-th"></i>${goal.name }
                        </a>
                    </li>
                    <li class="pull-right">
                        <i class="icon-edit"></i>
                        <a href="goal?m=edit&id=${goal.id }" class="link-black">编辑</a>
                    </li>
                </ul>
                <div class="wall">
                    <p>${goal.detail }</p>
                    <div class="progress progress-danger">
                        <div class="bar" style="width:${goal.progress }%">已完成${goal.progress }%</div>
                    </div>
                    <div class="page-header">
                        <a href="task?m=new" class="btn btn-success">
                            <i class="icon-plus icon-white"></i>
                            添加新任务
                        </a>
                    </div>
                    <dl>
                    	<c:forEach var="task" items="${tasks }">
	                    	<dt>
	                            <i class="iconbookmark"></i>
	                            <a href="task?m=edit&id=${task.id }">${task.name }</a>&nbsp;&nbsp;&nbsp;[${task.userName }]
	                        </dt>
	                        <dd>${task.detail }</dd>
	                        <div class="progress">
	                            <div class="bar" style="width:${task.progress }%">已完成${task.progress }%</div>
	                        </div>
                    	</c:forEach>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</body>
</html>